
/*a标签定位滑动效果*/
/*锚点动效*/
$('a[href*=#],area[href*=#]').click(function() {
   if (
		   location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
		   && location.hostname == this.hostname)
   {
      var $target = $(this.hash);
      $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
      if ($target.length) {
         var targetOffset = $target.offset().top;
         $('html,body').animate({
               scrollTop: targetOffset
            },
            1000);
         return false;
      }
   }
});

/*按钮-赞 效果*/
$(".btn-zan").click(function(){
	//点击换色效果
	var zan=$(".btn-zan");
      if(zan.hasClass('btn-primary')){
        zan.removeClass('btn-primary');
        zan.addClass('btn-default');
      }

     //点击飘出红心效果
    var tem="<p class='p-xin' >❤+1</p>";
	$(".btn-zan").append(tem);	//在此标签处添加红心<p>标签
	$(".p-xin").css({			//给红心加样式
			"z-index": 9999,
			'position':'absolute',
			'color':'red'
		});
	$(".p-xin").animate({		//添加动画
			'top':+300,
			'opacity':0,
			'fontSize':'30px',
		},1000,function(){
			$(this).empty()
		});
});